<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3574509_73n3ezix67i.css">
    <link rel="stylesheet" href="./css2/common.css">
    <link rel="stylesheet" href="./css2/header.css">
    <link rel="stylesheet" href="./css2/main.css">
</head>

<body>
    <!-- 头部 顶部 开始 -->
    <div id="header">
        <div class="header-top">
            <div class="nav">
                <ul class="ul">
                    <a href="./shouye.html">
                        <li>小米官网</li>
                    </a>
                    <li>小米商城</li>
                    <li>MIUI</li>
                    <li>loT</li>
                    <li>云服务</li>
                    <li>天星数科</li>
                    <li>有品</li>
                    <li>小爱开发平台</li>
                    <li>企业团购</li>
                    <li>资质证照</li>
                    <li>协议规则</li>
                    <li class="li">
                        下载app
                        <div class="content">
                            <div class="img"> <img src="https://i1.mifile.cn/f/i/17/appdownload/download.png?1" alt="">
                            </div>
                            <p>小米商城APP</p>
                        </div>

                    </li>
                    <li>Select Location</li>
                </ul>
                <div class="rgt">
                    <div class="right">
                        <ul class="ul">
                            <li>登录</li>
                            <li>注册</li>
                            <li>消息通知</li>
                        </ul>
                    </div>
                    <div class="right2">
                        <i class="iconfont icon-gwc"></i>
                        <span>购物车 (0)</span>
                        <div class="show">
                            <p>购物车中还没有商品，赶紧选购吧！</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <nav class="Nav">
            <div class="top">
                <div class="logo">
                    <img src="./img2/mi.png" alt="">
                </div>
                <div class="cont">
                    <ul class="ul">
                        <li>Xiaomi手机</li>
                        <li>Redmi手机</li>
                        <li>电视</li>
                        <li>笔记本</li>
                        <li>平板</li>
                        <li>家电</li>
                        <li>路由器</li>
                        <li>服务中心</li>
                        <li>社区</li>
                    </ul>
                </div>
                <div class="search">
                    <input type="text" placeholder="手机" />
                    <span class="iconfont icon-sousuo"></span>
                    <!-- 搜索列表 -->
                    <ul class="in-ul">
                        <li>全部商品</li>
                        <li>红米</li>
                        <li>手机</li>
                        <li>黑鲨5</li>
                        <li>冰箱</li>
                        <li>电视</li>
                        <li>洗衣机</li>
                        <li>Redmi G 2021</li>
                    </ul>
                </div>

            </div>
        </nav>
        <div class="dv">
            <div class="hide">
                <ul class="one">
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d7a15df55e98e4163390096ed05b1ef5.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b01bb7ee0f8c9865c11eeb2c483015e2.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e1f5a30b6e9e29c7f4ad6ed26023f4de.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a811f07a4e13510b23ada8e2eca473ae.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/88ae9b85c5f8fbdae2ea98d58a045e1e.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/02ac31f8d3848f71617e074e8e50879e.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                </ul>
            </div>
            <div class="hide2">
                <ul class="two">
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1e1f915167554e99916273b5269da1b5.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f11d7da9517953d11e02d0b459003f19.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/30969671b2829cbc625f018c6c998708.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ae5b5a8e24272dd4cdd77bf6d26954b6.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/418f4cb7536265cd99bdf8b2e88d1f84.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8725dc0e5b0def0155a219a1fc316cca.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                </ul>
            </div>
            <div class="hide3">
                <ul class="three">
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6511d77270e94146c0b1f96b66d8cc58.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6511d77270e94146c0b1f96b66d8cc58.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8871821795310769c1d3896c99b12381.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0a1ae5341d2dae66cd42566c60d2d666.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/932b583c6eccd8aabfa0771f8a854940.jpg?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ea3390a20547c7298a258528e4aa69ad.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                </ul>
            </div>
            <div class="hide4">
                <ul class="four">
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c86a7877e4ed76f50e204875e7372428.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6511d77270e94146c0b1f96b66d8cc58.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3f306e56e070eec07b985baf8f1f57e8.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5cea230383f17c7e87c51b65634381f5.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/07c66ae36f99daa4d5f613bb3d04ded6.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ea3390a20547c7298a258528e4aa69ad.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                </ul>
            </div>
            <div class="hide5">
                <ul class="five">
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/33de34a4caf2834a1828dc51203dc922.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03892b203a6413bcd8ef3f92d77df79c.gif?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aad55902a2cc64bf0306b004adb14ef7.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>

                </ul>
            </div>
            <div class="hide6">
                <ul class="six">
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cbfab8147c1104eea97c7d0f07581237.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4be9f7bb741c25376594976ea5451842.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/65df9e92c06dcd148de5f0eb13e16ea2.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                </ul>
            </div>
            <div class="hide7">
                <ul class="seven">
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c1465737a8a6ac8772560dce2ef0a39f.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2a759fa795d749f0538cfd2a15890027.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2815a0a208be362cba673aae9a1f9c93.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f88d17e29314286967eeb88bf86cdfc.png?thumb=1&w=200&h=138&f=webp&q=90"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/026a28fc18eff2cfa4d26a799a2da9cc.jpg?thumb=1&w=200&h=138"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/2ddc6a2789c5f5ff78fa4ca1402417c8.png?thumb=1&w=200&h=138"
                                alt="">
                        </div>
                        <p class="p1">Xiaomi 12S Ultra</p>
                        <p class="p2">5999元起</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 头部 顶部 结束 -->

    <!-- 主体 内容 开始 -->
    <div id="main">
        <!-- top1 -->
        <div class="top1">
            <div class="cont">
                <div class="lunbo">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/36b45c624f42fa81732457e3f9773dbd.jpg?thumb=1&w=1533&h=575&f=webp&q=90"
                        width="1226px" height="460px" alt="">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4cfa4e9a0f10a79ed068f26adf846bfa.jpg?thumb=1&w=1533&h=575&f=webp&q=90"
                        width="1226px" height="460px" alt="">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3c18bf93bc1b211e4ebc6bca4a67f57b.jpg?w=2452&h=920"
                        width="1226px" height="460px" alt="">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b6f6c0c0eb8ede475c8858bc1370cfe9.jpg?thumb=1&w=1533&h=575&f=webp&q=90"
                        width="1226px" height="460px" alt="">
                </div>
                <div class="left">
                    <ul class="left-ul">
                        <li><span>手机</span> <span class="iconfont icon-yjt"></span></li>
                        <li><span>电视</span> <span class="iconfont icon-yjt"></span></li>
                        <li><span>笔记本 平板</span> <span class="iconfont icon-yjt"></span></li>
                        <li><span>出行 穿戴</span> <span class="iconfont icon-yjt"></span></li>
                        <li><span>耳机 音箱</span> <span class="iconfont icon-yjt"></span></li>
                        <li><span>家电</span> <span class="iconfont icon-yjt"></span></li>
                        <li><span>智能 路由器</span> <span class="iconfont icon-yjt"></span></li>
                        <li><span>电源 配件</span> <span class="iconfont icon-yjt"></span></li>
                        <li><span>健康 儿童</span> <span class="iconfont icon-yjt"></span></li>
                        <li><span>生活 箱包</span> <span class="iconfont icon-yjt"></span></li>
                    </ul>
                </div>
                <div class="right">
                    <ul class="t1">
                        <li>
                            <div>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b883131e62133041d7ac8272c17762b0.png?thumb=1&w=50&h=50&f=webp&q=90"
                                    alt="">
                            </div>
                            <span>Xiaomi 12S</span>
                        </li>
                        <li>
                            <div>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b883131e62133041d7ac8272c17762b0.png?thumb=1&w=50&h=50&f=webp&q=90"
                                    alt="">
                            </div>
                            <span>Xiaomi 12S</span>
                        </li>
                        <li>
                            <div>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b883131e62133041d7ac8272c17762b0.png?thumb=1&w=50&h=50&f=webp&q=90"
                                    alt="">
                            </div>
                            <span>Xiaomi 12S</span>
                        </li>
                        <li>
                            <div>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b883131e62133041d7ac8272c17762b0.png?thumb=1&w=50&h=50&f=webp&q=90"
                                    alt="">
                            </div>
                            <span>Xiaomi 12S</span>
                        </li>
                        <li>
                            <div>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b883131e62133041d7ac8272c17762b0.png?thumb=1&w=50&h=50&f=webp&q=90"
                                    alt="">
                            </div>
                            <span>Xiaomi 12S</span>
                        </li>
                        <li>
                            <div>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b883131e62133041d7ac8272c17762b0.png?thumb=1&w=50&h=50&f=webp&q=90"
                                    alt="">
                            </div>
                            <span>Xiaomi 12S</span>
                        </li>
                        <li>
                            <div>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b883131e62133041d7ac8272c17762b0.png?thumb=1&w=50&h=50&f=webp&q=90"
                                    alt="">
                            </div>
                            <span>Xiaomi 12S</span>
                        </li>
                        <li>
                            <div>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b883131e62133041d7ac8272c17762b0.png?thumb=1&w=50&h=50&f=webp&q=90"
                                    alt="">
                            </div>
                            <span>Xiaomi 12S</span>
                        </li>
                    </ul>
                    <ul class="t1">
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                    </ul>
                    <ul class="t1">
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                    </ul>
                    <ul class="t1">
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                    </ul>
                    <ul class="t1">
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                    </ul>
                    <ul class="t1">
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                    </ul>
                    <ul class="t1">
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                    </ul>
                    <ul class="t1">
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                    </ul>
                    <ul class="t1">
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                    </ul>
                    <ul class="t1">
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90">
                            </div>
                            <span>Redmi X65 2022款</span>
                        </li>
                    </ul>
                </div>
                <div class="to-left"><span class="iconfont icon-zjt"></span></div>
                <div class="to-right"><span class="iconfont icon-yjt"></span></div>
                <div class="circleBtn">
                    <div class="circle active"></div>
                    <div class="circle"></div>
                    <div class="circle"></div>
                    <div class="circle"></div>
                </div>
            </div>

        </div>
        <!-- top2 -->
        <div class="top2">
            <div class="top2-Top">
                <div class="lft">
                    <ul class="ul">
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48" />
                            </div>
                            <p>保障服务</p>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/806f2dfb2d27978e33fe3815d3851fa3.png?w=48&h=48" />
                            </div>
                            <p>保障服务</p>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eded6fa3b897a058163e2485532c4f10.png?w=48&h=48" />
                            </div>
                            <p>保障服务</p>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43a3195efa6a3cc7662efed8e7abe8bf.png?w=48&h=48" />
                            </div>
                            <p>保障服务</p>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4846bca6010a0deb9f85464409862af.png?w=48&h=48" />
                            </div>
                            <p>保障服务</p>
                        </li>
                        <li>
                            <div>
                                <img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9a76d7636b08e0988efb4fc384ae497b.png?w=48&h=48" />
                            </div>
                            <p>保障服务</p>
                        </li>
                    </ul>
                </div>
                <div class="img">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/290270b6fc499fc5fcb653417e99fe91.jpg?w=632&h=340"
                        alt="">
                </div>
                <div class="img">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5d1892854c8bb165e755d68bde287d71.jpg?w=632&h=340"
                        alt="">
                </div>
                <div class="img">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/28c13d0d11b38ec17fa5d83bc6ba5912.jpg?w=632&h=340"
                        alt="">
                </div>
            </div>
            <div class="top2-bot">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2656295f6c067f48a04a425acf15a096.jpg?thumb=1&w=1533&h=150&f=webp&q=90"
                    alt="">
            </div>
        </div>
        <!-- top3 -->
        <div class="top3">
            <div class="top3-nav">
                <h3>手机</h3>
                <div class="rgt"> <span>查看更多 </span><span class="iconfont icon-youjian"></span></div>
            </div>
            <div class="top3-cont">
                <div class="img">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6b99bcb716c8f76e1fc5475172bdfc27.jpg?thumb=1&w=293&h=768&f=webp&q=90"
                        alt="">
                </div>
                <div class="top3-rigt">
                    <ul class="top3-ul">
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207012000_0b9df066c110f201154013ac373df1d9.png?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207012022_19bbddb6b35c3828f8b53f450c1519a3.png?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011841_084ed41d67f248677914605b73faf582.png?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/211bb83776a8e0c8358732c3f3aa2864.png?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5713971c4bb6512743dfd06023080268.png?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7fccce9e65aff2d7c913e40f4bee1b0b.png?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bcd64f412dfb5e15695fa96d21ecb23.png?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- top4 -->
        <div class="top4">
            <div class="top4-nav">
                <h3>智能穿戴</h3>
                <div class="rgt"> <span class="active">热门</span><span>穿戴</span></div>
            </div>
            <div class="top4-cont">
                <div class="img">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9895c56a7b792fb9053e3085fc261072.jpg?thumb=1&w=293&h=768&f=webp&q=90"
                        alt="">
                </div>
                <div class="top4-rigt">
                    <ul class="top4-ul">
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b8259e8fb355acf168c66f75d375c6af.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0b271a074e087848357aa61ae665b214.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f84503dbf5adbdf17111c61d4a7cf893.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b28153b80cb2c67564608e56d5c2f3f3.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0cc4e8e58d7288cd8dff13b98bdc3ea8.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/11570d5371f16d2d9b19f504e09d01f0.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2fcf24e40ff09a254857ac8b4ace25b8.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="li-lft">
                                <p>浏览更多</p>
                                <span>热门</span>
                            </div>
                            <div class="li-rgt">
                                <span class="iconfont icon-youjian"></span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="top4-rigt2">
                    <ul class="top4-ul1">
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8a8de2281327e612f3f83fd1a4db6aea.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="li-lft">
                                <p>浏览更多</p>
                                <span>穿戴</span>
                            </div>
                            <div class="li-rgt">
                                <span class="iconfont icon-youjian"></span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- top5 -->
        <div class="top5">
            <div class="top5-nav">
                <h3>笔记本 | 穿戴</h3>
                <div class="rgt"> <span class="active">热门</span></div>
            </div>
            <div class="top5-cont">
                <div class="img">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e9896934bb657c3dd0c548952eb27481.jpg?thumb=1&w=293&h=768&f=webp&q=90"
                        alt="">
                </div>
                <div class="top5-rigt">
                    <ul class="top5-ul">
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0f8abb2bc3947c4679e3f1b2aafc28c0.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68637deb3ab9cecdc7805c7154e79683.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/01d9571051a91e540e5c644fa60cc858.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b60f8c50789c123c11e060e7b283a315.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e3c300330221ad788569e4fb1e6f932f.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ed0541d2337dc4fff6e52c2b7f162fe5.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7c37478d8b3b553ba0a50adaec2fc775.png?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="li-lft">
                                <p>浏览更多</p>
                                <span>热门</span>
                            </div>
                            <div class="li-rgt">
                                <span class="iconfont icon-youjian"></span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- top6 -->
        <div class="top6">
            <div class="top6-nav">
                <h3>家电</h3>
                <div class="rgt"> <span class="active">热门</span><span>电视影音</span></div>
            </div>
            <div class="top6-cont">
                <div class="IMG">
                    <div class="img">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3d47879ec183e25a36e67e0219636e60.jpg?thumb=1&w=293&h=375&f=webp&q=90"
                            alt="">
                    </div>
                    <div class="img">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/229bbaccda43f32f464c0a810b800106.jpg?thumb=1&w=293&h=375&f=webp&q=90"
                            alt="">
                    </div>
                </div>
                <div class="top6-rigt">
                    <ul class="top6-ul">
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ff5ea76730fdf6f91aba5d3b2e5739.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c7c15101f2c8a652a4a0d069501d1e53.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/388b13bf52ab0d6a56bc9f195b5f1dd5.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0191ae995e33faedb3362abaa7a486d1.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/db032eeb9e8efe9551161ee18bf70d3f.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/050a724309c945e0ffef3fb633069b49.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/608a47f5d655fc1372de67ee2f7b1c43.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="top">
                                <div class="let">
                                    <p class="p1">米家全自动波轮洗衣机8kg</p>
                                    <p class="p2">799元</p>
                                </div>
                                <div class="rht">
                                    <div class="img">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b649a329983ad590fde607472f73e55a.jpg?thumb=1&w=125&h=125&f=webp&q=90"
                                            alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="bot">
                                <div class="li-lft">
                                    <p>浏览更多</p>
                                    <span>热门</span>
                                </div>
                                <div class="li-rgt">
                                    <span class="iconfont icon-youjian"></span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="top6-rigt2">
                    <ul class="top6-ul1">
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0f8abb2bc3947c4679e3f1b2aafc28c0.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68637deb3ab9cecdc7805c7154e79683.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/01d9571051a91e540e5c644fa60cc858.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b60f8c50789c123c11e060e7b283a315.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e3c300330221ad788569e4fb1e6f932f.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ed0541d2337dc4fff6e52c2b7f162fe5.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="ig">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7c37478d8b3b553ba0a50adaec2fc775.png?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <p class="p1">Xiaomi 12S UItra</p>
                            <p class="p2">这真莱卡 | 专业莱卡影像</p>
                            <p class="p3">5999元起</p>
                        </li>
                        <li>
                            <div class="li-lft">
                                <p>浏览更多</p>
                                <span>热门</span>
                            </div>
                            <div class="li-rgt">
                                <span class="iconfont icon-youjian"></span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 视频 开始-->
        <div class="topVideo">
            <div class="topVideo-nav">
                <h3>视频</h3>
                <div class="rgt"> <span>查看更多 </span><span class="iconfont icon-youjian"></span></div>
            </div>
            <div class="topVideo-cont">
                <ul class="videoUl">
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e74c4ff741bcdfc5b28a48a43e4edc6d.jpg?thumb=1&w=370&h=225&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="icon"><span class="iconfont icon-play"></span></div>
                        <p>2021年春季新品发布会第一场</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/101b19aca4bb489bcef0f503e44ec866.jpg?thumb=1&w=370&h=225&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="icon"><span class="iconfont icon-play"></span></div>
                        <p>2021年春季新品发布会第一场</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/96563e75833ba4563bd469dd28203b09.jpg?thumb=1&w=370&h=225&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="icon"><span class="iconfont icon-play"></span></div>
                        <p>2021年春季新品发布会第一场</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2fd26bb99b723337a2f8eaba84f7d5bb.jpg?thumb=1&w=370&h=225&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="icon"><span class="iconfont icon-play"></span></div>
                        <p>2021年春季新品发布会第一场</p>
                    </li>
                </ul>
            </div>
            <div class="showVideo">
                <div class="vio">
                    <div>
                        <h3>2021年春季新品发布会第一场</h3>
                        <span class="iconfont icon-cuo"></span>
                    </div>
                    <video src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/812358b69886e576c66a01f1f00affe9.mp4"
                        controls loop></video>
                </div>
            </div>
            <div class="showVideo">
                <div class="vio">
                    <div>
                        <h3>2021年春季新品发布会第一场</h3>
                        <span class="iconfont icon-cuo"></span>
                    </div>
                    <video src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/11c70c96529b6e6938567ec1aa0910e0.mp4"
                        controls loop></video>
                </div>
            </div>
            <div class="showVideo">
                <div class="vio">
                    <div>
                        <h3>Redmi 10X系列发布会</h3>
                        <span class="iconfont icon-cuo"></span>
                    </div>
                    <video src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7cdabcaa763392c86b944eaf4e68d6a3.mp4"
                        controls loop></video>
                </div>
            </div>
            <div class="showVideo">
                <div class="vio">
                    <div>
                        <h3>小米10 8K手机拍大片</h3>
                        <span class="iconfont icon-cuo"></span>
                    </div>
                    <video src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e25d81c4922fca5ebe51877717ef9b76.mp4"
                        controls loop></video>
                </div>
            </div>
        </div>
        <!-- 视频 结束-->

        <!-- 底部开始 -->
        <footer class="footer">
            <footer class="footer">
                <div class="top">
                    <div class="left">
                        <ul class="title">
                            <li>选购指南</li>
                            <li>服务中心</li>
                            <li>线下门店</li>
                            <li>关于小米</li>
                            <li>关注我们</li>
                        </ul>
                        <ul class="content">
                            <li>手机</li>
                            <li>申请售后</li>
                            <li>小米之家</li>
                            <li>了解小米</li>
                            <li>新浪微博</li>
                        </ul>
                        <ul class="content">
                            <li>电视</li>
                            <li>售后政策</li>
                            <li>服务网点</li>
                            <li>加入小米</li>
                            <li>官方微信</li>
                        </ul>
                        <ul class="content">
                            <li>笔记本</li>
                            <li>维修服务价格</li>
                            <li>授权体验店/专区</li>
                            <li>投资者关系</li>
                            <li>联系我们</li>
                        </ul>
                        <ul class="content">
                            <li>联系我们</li>
                            <li>订单查询</li>
                            <li></li>
                            <li>企业社会责任</li>
                            <li>公益基金会</li>
                        </ul>
                        <ul class="content">
                            <li>穿戴</li>
                            <li>以旧换新</li>
                            <li></li>
                            <li>以旧换新</li>
                            <li></li>
                        </ul>
                        <ul class="content">
                            <li>耳机</li>
                            <li>保障服务</li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                        <ul class="content">
                            <li>家电</li>
                            <li>防伪查询</li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                        <ul class="content">
                            <li>路由器</li>
                            <li>F码通道</li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                        <ul class="content">
                            <li>音箱</li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                        <ul class="content">
                            <li>配件</li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                    <div class="right">
                        <p class="p1">400-100-5678</p>
                        <p class="p2">8:00-18:00（仅收市话费）</p>
                        <div>
                            人工客服
                        </div>
                    </div>
                </div>
            </footer>
            <!-- 底部结束 -->
    </div>
    </div>
    <!-- 主体 内容 结束 -->


    <!-- 侧边固定栏 开始 -->
    <div class="aside">
        <div class="aside-cont">
            <ul class="asideUl">
                <li>
                    <span class="iconfont icon-shouji"></span>
                    <p>手机APP</p>
                </li>
                <li>
                    <span class="iconfont icon-geren"></span>
                    <p>个人中心</p>
                </li>
                <li>
                    <span class="iconfont icon-fuwu"></span>
                    <p>售后服务</p>
                </li>
                <li>
                    <span class="iconfont icon-service"></span>
                    <p>人工服务</p>
                </li>
                <li>
                    <span class="iconfont icon-gwc"></span>
                    <p>购物车</p>
                </li>
            </ul>
        </div>
        <div class="aside-show">
            <div>
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/78c30d4f259ed43ab20e810a522a6249.png" alt="">
            </div>
            <p>扫码领取新人百元礼包</p>
        </div>
        <div class="aside-btn">
            <span class="iconfont icon-dingbu"></span>
            <p>回顶部</p>
        </div>
    </div>

    <!-- 侧边固定栏 结束 -->

    <!-- js -->
    <script src="./js2/header.js"></script>
    <script src="./js2/main.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
</body>

</html>